<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>销售管理-客户业务管理</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">
</head>
<body class="childrenBody">

<!--nav 部件-->
<div class="nav_list">
    <div class="text_title">产品与服务</div>
    <a href="javascript:;" class="text_item "><span>客户合同管理</span></a>
    <a href="javascript:;" class="text_item active"><span>客户业务管理</span></a>

    <button class="btn btn-primary btn_add pull-right" style="margin-top: 10px"><i class="icon_img_01"></i>新增客户关系</button>
</div>


<!--搜索内容-->
<div class="search_form">
    <div class="row">
        <div class="col-lg-7 col-md-12">
            <label style="    line-height: 12px;">合作客户类别：</label>
            <div class="checked_list row">
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 全国性产业工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 省级工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 地市工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 地方产业工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 区县工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 企业工会(2)</label>
                </div>

            </div>
        </div>
        <div class="col-lg-5 col-md-12">
            <div class="input-group">
                <select class="form-control">
                    <option value="1">行政区域</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="输入筛选条件">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button" style="padding-left: 25px ;padding-right: 25px">筛选</button>
                </span>
            </div>
        </div>
    </div>
</div>

<!--选项卡-->
<div class="ssgl_list">
    <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="ssgl_item h_240 hvr-outline-in">
                <div class="text_top">
                    湖南省总工会 <span>合同编号：2018010412</span>
                </div>
                <div class="col-xs-4 h_text_sl_1">联系人：王宏伟</div>
                <div class="col-xs-4 h_text_sl_1">平台部署：已部署</div>
                <div class="col-xs-4 h_text_sl_1">类型：省级工会</div>
                <div class="col-xs-4 h_text_sl_1">职务：宣教部部长</div>
                <div class="col-xs-4 h_text_sl_1">运行状态：正常</div>
                <div class="col-xs-4 h_text_sl_1">
                    状态：合同生效中
                    <p>离合同结束还剩315天</p>
                </div>
                <div class="col-xs-8 h_text_sl_1">联系电话：138****2744</div>
                <div class="col-xs-4"><span>发展人：李白</span></div>
                <div class="col-xs-12">
                    开通业务：
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：求学圆梦"><i class="icon_list icon_item_01"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工补贴"><i class="icon_list icon_item_02"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：xxxxxx"><i class="icon_list icon_item_03"></i></a>
                    <a data-toggle="tooltip" data-tip-class="tooltip-danger" title="已开通：职工培训"><i class="icon_list icon_item_04"></i></a>
                </div>
                <div class="footer_list">
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_02"></i>
                            编辑信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_03"></i>
                            流水信息
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_04"></i>
                            下载合同
                        </div>
                    </a>
                    <a href="javascript:;" class="hvr-underline-from-center">
                        <div class="item_btn">
                            <i class="icon_img_05"></i>
                            删除用户
                        </div>
                    </a>



                </div>
            </div>
        </div>
    </div>
    <div class="row" style="text-align: center">

        <ul class="pager">
            <li class="previous"><a href="#">« 上一页</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
            <li><a href="#">12</a></li>
            <li class="next"><a href="#">下一页 »</a></li>
            <div class="input-group" style="width: 100px;float: left;margin-left: 10px">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button">GO</button>
                </span>
            </div>
            <li><div class="pager-label">共 <strong>89</strong> 页</div></li>
        </ul>


    </div>
</div>


<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="../style/dist/icheck.min.js"></script>
<script>

    // 或者在初始化时指定
    $('[data-toggle="tooltip"]').tooltip({
        tipClass: 'tooltip-primary'
    });
    /*初始化多选美化*/
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });

    $(function () {
        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })


    })
</script>
</body>
</html>